<!--
 * @Author: your name
 * @Date: 2021-05-11 18:57:58
 * @LastEditTime: 2021-05-11 19:45:59
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue01d:\HTML001\布局小技巧\视差滚动\视差滚动.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>视差滚动</title>
    <link rel="stylesheet" href="./视差滚动.css">
</head>
<body>
<main class="main">
    <section class="list-item">
        <div class="item-image">
            <img src="../imgs/02.jpg" alt="">
        </div>
        <div class="item-text">
            <div class="text-title">六月艳阳难溶冰霜</div>
            <div class="text-desc">人间本来没有寒霜，是我在六月记下了一段过往</div>

        </div>
    </section>
    <section class="list-item">
        <div class="item-image">
            <img src="../imgs/05.jpg" alt="">
        </div>
        <div class="item-text">
            <div class="text-title">艳阳是你的人间</div>
            <div class="text-desc">我将日月山海一并笑纳，却错过了天边那一抹晚霞</div>

        </div>
    </section>
    <section class="list-item">
        <div class="item-image">
            <img src="../imgs/03.jpg" alt="">
        </div>
        <div class="item-text">
            <div class="text-title">西行是最后的归途</div>
            <div class="text-desc">风儿拨动了我的心弦，弹奏起了我对你的想念</div>

        </div>
    </section>
    <section class="list-item">
        <div class="item-image">
            <img src="../imgs/04.jpg" alt="">
        </div>
        <div class="item-text">
            <div class="text-title">两行只是笑话</div>
            <div class="text-desc">黄沙使我留下，是带给十三行的话</div>

        </div>
    </section>
    <section class="list-item">
        <div class="item-image">
            <img src="../imgs/06.jpg" alt="">
        </div>
        <div class="item-text">
            <div class="text-title">孟婆汤也有解药</div>
            <div class="text-desc">山河远阔一路风景叱咤，你是我前世种的花</div>

        </div>
    </section>
    

</main>
</body>
</html>